<template>
  <div class="wapper">
    <div class="left">问卷列表</div>

    <div class="right">
      <!-- <a-input-search
        v-model:value="value"
        placeholder="请输入问卷名进行搜索..."
        style="width: 264; height: 42px; border-radius: 21px"
        @search="onSearch"
      /> -->
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
  emits: ['onSearch'],
  setup(props, content) {
    const value = ref<string>('');

    const onSearch = (value: string) => {
      // 第二个参数
      //  event: PointerEvent
      content.emit('onSearch', value);
    };
    return { onSearch, value };
  },
});
</script>
<style lang="less" scoped>
.wapper {
  display: flex;
  height: 44px;
  margin-bottom: 30px;
  align-items: center;
  justify-content: space-between;
  width: 1050px;
  .left {
    line-height: 44px;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
  }
}
</style>
